<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>
<style type="text/css">
	.layui-table-tips-main{display:none}
	.layui-table-tips-c{display:none}
	html,body,div{margin: 0;padding: 0;height: 99%;}
</style>
</head>
<body class="layui-layout-body">
<div class="layui-form" style="margin: 10px; overflow: auto; height: 100%;">
<h3 style="text-align: center;">举报内容</h3>
  <table class="layui-table">
    <colgroup>
      <col>
      <col>
      <col>
    </colgroup>
    <thead>
      <tr>
        <th>举报用户</th>
        <th>举报时间</th>
        <th>举报内容</th>
      </tr> 
    </thead>
    <tbody>
      <tr th:each="report:${reportusers}" th:if="${not #lists.isEmpty(reportusers)}">
        <td>[[${report.uname}]]</td>
        <td>[[${report.rdate}]]</td>
        <td>[[${report.rmessage}]]</td>
      </tr>
      <tr th:if="${#lists.isEmpty(reportusers)}">
        <td colspan="3" style="text-align: center;">举报内容为空</td>
      </tr>
    </tbody>
  </table>


<h3 style="text-align: center;">群聊内容</h3>
  <table class="layui-table">
    <colgroup>
      <col>
      <col>
      <col>
    </colgroup>
    <thead>
      <tr>
        <th>发送消息用户</th>
        <th>发送消息时间</th>
        <th>发送消息内容</th>
      </tr> 
    </thead>
    <tbody>
      <tr th:each="chat:${chatmessage}" th:if="${chatmessage}!=null">
        <td>[[${chat.uname}]]</td>
        <td>[[${chat.cdate}]]</td>
        <td>[[${chat.message}]]</td>
      </tr>
      <tr th:if="${#lists.isEmpty(chatmessage)}">
        <td colspan="3" style="text-align: center;">暂无聊天内容</td>
      </tr>
    </tbody>
  </table>
</div>

</body>
</html>